<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<title>Login</title>

<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="css/blog.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css">

</head>

<h:body>
	<!-- Barra de Menu -->
	<div id="navbar"
		class="navbar navbar-inverse navbar-fixed-top blog-masthead"
		role="navigation">
		<div class="container">
			<div class="navbar-header blog-nav">

				<a class="blog-nav-item" href="index.html">Início</a> <a
					class="blog-nav-item" href="sobre.html">Sobre Nós</a> <a
					class="blog-nav-item" href="contato.html">Contato</a> <a
					class="blog-nav-item" href="#">Botão</a> <a class="blog-nav-item"
					href="#">Botão</a>

			</div>
			<div class="navbar-collapse collapse">
				<form class="navbar-form navbar-right" role="form">
					<div class="form-group">
						<input type="text" placeholder="Pesquisar" class="form-control">
					</div>
					<button type="submit" class="btn btn-success">Pesquisar</button>
				</form>
			</div>
			<!--/.navbar-collapse -->
		</div>
	</div>

	<!-- Corpo do Site -->
	<div class="geral">
		<div class="principal">
<h:outputLabel styleClass="label_campo" value="Estadio:" />
			<p:inputText id="estadio_id" value="#{jogoBean.jogo.estadio}" converterMessage="O estadio deve ser Letra!" required="true"  />
			<h:commandButton styleClass="botoes" value="Buscar por estadio"
				action="#{jogoBean.buscarPorEstadio}" />
		<br />
			<div class="conteudo">
				<h:form id="formLogin">
					<p:messages id="messages" />

					<h:panelGrid columns="2">

						<p:outputLabel value="Email: " />
						<p:inputText id="email_id" value="#{loginBean.login}"
							required="true" requiredMessage="O Email é obrigatório" />

						<p:outputLabel value="Senha: " />
						<p:password id="senha_id" value="#{loginBean.senha}"
							required="true" requiredMessage="A Senha é obrigatória" />

					</h:panelGrid>

					<p:commandButton value="Entrar" action="#{loginBean.doLogin}" />

				</h:form>
			</div>

		</div>
	</div>

	<div class="footer">
		<div class="container">
			<p class="text-muted">Site institucional. Todos direitos
				reservados.</p>
		</div>
	</div>

	<!-- Bootstrap core JavaScript
    ================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script
		src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
</h:body>
</html>
